<!DOCTYPE html>
<html>
  
<head><meta name="generator" content="Hexo 3.8.0">
  <meta charset="utf-8">
  <meta name="author" content="Amos Zhu">
  
  
  <title> | 第2页 | Amos的技术博客</title>

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  
    <meta name="keywords" content="Hexo, Theme-AD, Amos Zhu">
  

  
  <meta name="description" content="Amos的技术博客">

  

  
    <script src="//cdn.jsdelivr.net/npm/leancloud-storage@3.11.1/dist/av-min.js" async></script>
  

  
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML" async></script>
  

  
    <script src="//unpkg.com/valine/dist/Valine.min.js" async></script>
  

  

  <script>
  // theme-ad's config script
  // it can be used in every script
  
  window.AD_CONFIG = {
    leancloud: {"appid":"eObxCkTJ6j4GzRxGLgiHyfJa-gzGzoHsz","appkey":"fzRMAFC6MCE11mp7mnvh4Kwe","comment":true,"count":true},
    welcome: {"enable":true,"interval":30},
    start_time: "2019-05-28",
    passwords: ["efe07af7441da2b69c4a41e42e73be4db47f66010a56900788a458354a7373ec", ],
    is_post: false,
    lock: false,
    author: "Amos Zhu",
    share: {"qq":true,"wechat":true},
    mathjax: true,
    page_type: "",
    root: "/blog/"
  };
</script>

  <script src="/blog/vendor/sha256.min.js"></script>
<script src="/blog/js/auth.js"></script>
<script src="/blog/js/index.js"></script>
<script src="/blog/vendor/qrcode.min.js"></script>

  
    <link rel="icon" href="/blog/images/favicon.ico">
    <link rel="apple-touch-icon" href="/blog/images/touch-icon.png">
  

  <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

  <link rel="stylesheet" href="/blog/css/index.css">
<link rel="stylesheet" href="/blog/styles/components/highlight/highlight.css">

  
</head>
  <body>
    <header class="site-header">
  <div class="site-header-brand">
    
      <span class="site-header-brand-title">
        <a href="/blog/">Amos Zhu</a>
      </span>
    
    
      <span class="site-header-brand-motto"> | 当浮躁的心静不下，不妨写些东西或者看会书</span>
    
  </div>
  <div class="site-header-right">
    <nav class="site-header-navigation">
      
        <a href="/blog/" target="_self">首页</a>
      
        <a href="/blog/archives/" target="_self">归档</a>
      
        <a href="/blog/tags/" target="_self">标签</a>
      
        <a href="/blog/categories/" target="_self">分类</a>
      
        <a href="/blog/redis/" target="_self">redis</a>
      
        <a href="/blog/rabbitMQ/" target="_self">rabbitMQ</a>
      
        <a href="/blog/elasticsearch" target="_self">elasticsearch</a>
      
        <a href="/blog/stuff" target="_self">stuff</a>
      
        <a href="/blog/kafka" target="_self">kafka</a>
      
        <a href="/blog/friends/" target="_self">友链</a>
      
        <a href="/blog/about/" target="_self">关于</a>
      
    </nav>
    <div class="site-header-btn">
      
        <a href="https://gitee.com/amos_zhu" target="_blank" id="site-github">
          <i class="fa fa-github-alt"></i>
        </a>
      
      <a href="javascript:void(0);" id="site-search">
        <i class="fa fa-search"></i>
      </a>
      <a href="javascript:void(0);" id="site-nav-btn">
        <i class="fa fa-ellipsis-v"></i>
      </a>
    </div>
  </div>
</header>
<nav class="table-content" id="site-nav">
  <div class="table-content-title">
    <span>导航</span>
  </div>
  <div class="table-content-main">
    <ol class="toc">
      
        <li class="toc-item">
          <a href="/blog/" target="_self">
            首页
          </a>
        </li>
      
        <li class="toc-item">
          <a href="/blog/archives/" target="_self">
            归档
          </a>
        </li>
      
        <li class="toc-item">
          <a href="/blog/tags/" target="_self">
            标签
          </a>
        </li>
      
        <li class="toc-item">
          <a href="/blog/categories/" target="_self">
            分类
          </a>
        </li>
      
        <li class="toc-item">
          <a href="/blog/redis/" target="_self">
            redis
          </a>
        </li>
      
        <li class="toc-item">
          <a href="/blog/rabbitMQ/" target="_self">
            rabbitMQ
          </a>
        </li>
      
        <li class="toc-item">
          <a href="/blog/elasticsearch" target="_self">
            elasticsearch
          </a>
        </li>
      
        <li class="toc-item">
          <a href="/blog/stuff" target="_self">
            stuff
          </a>
        </li>
      
        <li class="toc-item">
          <a href="/blog/kafka" target="_self">
            kafka
          </a>
        </li>
      
        <li class="toc-item">
          <a href="/blog/friends/" target="_self">
            友链
          </a>
        </li>
      
        <li class="toc-item">
          <a href="/blog/about/" target="_self">
            关于
          </a>
        </li>
      
    </ol>
  </div>
</nav>
<div id="site-process"></div>
    <main>
      <div class="home">
  
    <div class="home-article-wrapper clearfix">
      <div class="home-article" data-cover="false">
        <div class="home-article-inner" data-cover="false">
          <div class="passage-meta">
            <span>
              <i class="fa fa-calendar"></i>2019-08-26
            </span>
            
              <span>
                | <a href="/blog/categories/stuff/"><i class="fa fa-bookmark"></i>stuff</a>
              </span>
            
            
              <span>
                | <i class="fa fa-unlock-alt"></i>UNLOCK
              </span>
            
          </div>
          <h1 class="home-article-title">
            <a href="/blog/passages/SpringBoot-Redis-MemCache-Nginx-Lua实现三级缓存架构（二）——Nginx环境安装和整合Lua/">SpringBoot+Redis+MemCache+Nginx+Lua实现三级缓存架构（二）——Nginx环境安装和整合Lua</a>
          </h1>
          <div class="home-article-content passage-article">
            
              <blockquote>
<p>前面我们已经简单的介绍过了三级缓存的概念，接下来的博文中，我们需要搭建系统运行的环境、编写功能实现代码来实现我们的三级缓存架构，工欲善其事必先利其器，本片博文我们先来搭建Nginx环境以及整合Lua<br>
            
          </p></blockquote></div>
          <a class="home-article-read" href="/blog/passages/SpringBoot-Redis-MemCache-Nginx-Lua实现三级缓存架构（二）——Nginx环境安装和整合Lua/">
            READ MORE >>>
          </a>
          
            <div class="passage-tags">
             
              <a href="/blog/tags/redis/"><i class="fa fa-tags"></i>redis</a>
             
              <a href="/blog/tags/spring-boot/"><i class="fa fa-tags"></i>spring boot</a>
             
              <a href="/blog/tags/nginx/"><i class="fa fa-tags"></i>nginx</a>
             
              <a href="/blog/tags/memcache/"><i class="fa fa-tags"></i>memcache</a>
            
            </div>
          
        </div>
        
      </div>
    </div>
  
    <div class="home-article-wrapper clearfix">
      <div class="home-article" data-cover="false">
        <div class="home-article-inner" data-cover="false">
          <div class="passage-meta">
            <span>
              <i class="fa fa-calendar"></i>2019-08-19
            </span>
            
              <span>
                | <a href="/blog/categories/stuff/"><i class="fa fa-bookmark"></i>stuff</a>
              </span>
            
            
              <span>
                | <i class="fa fa-unlock-alt"></i>UNLOCK
              </span>
            
          </div>
          <h1 class="home-article-title">
            <a href="/blog/passages/缓存与数据库双写一致性的解决方案——附上代码解决方案/">缓存与数据库双写一致性的解决方案——附上代码解决方案</a>
          </h1>
          <div class="home-article-content passage-article">
            
              <blockquote>
<p>传统企业中为了解决高并发大流量的问题，通常使用缓存+数据库的方式来支撑高QPS的访问，虽然能解决读QPS的问题，但是同时也引入了新的问题，例如：缓存与数据库的数据不一致的情况；本博文参考网上相关的博文，详细的整理下缓存数据库数据一致性的问题，并且给出基于Java的代码解决方案</p>
</blockquote>
            
          </div>
          <a class="home-article-read" href="/blog/passages/缓存与数据库双写一致性的解决方案——附上代码解决方案/">
            READ MORE >>>
          </a>
          
            <div class="passage-tags">
             
              <a href="/blog/tags/redis/"><i class="fa fa-tags"></i>redis</a>
             
              <a href="/blog/tags/stuff/"><i class="fa fa-tags"></i>stuff</a>
             
              <a href="/blog/tags/Spring-Boot/"><i class="fa fa-tags"></i>Spring Boot</a>
            
            </div>
          
        </div>
        
      </div>
    </div>
  
    <div class="home-article-wrapper clearfix">
      <div class="home-article" data-cover="false">
        <div class="home-article-inner" data-cover="false">
          <div class="passage-meta">
            <span>
              <i class="fa fa-calendar"></i>2019-08-13
            </span>
            
              <span>
                | <a href="/blog/categories/elasticsearch/"><i class="fa fa-bookmark"></i>elasticsearch</a>
              </span>
            
            
              <span>
                | <i class="fa fa-unlock-alt"></i>UNLOCK
              </span>
            
          </div>
          <h1 class="home-article-title">
            <a href="/blog/passages/Centos7上安装Elasticsearch7-3-0/">Centos7上安装Elasticsearch7.3.0</a>
          </h1>
          <div class="home-article-content passage-article">
            
              <blockquote>
<p>随着项目的运行的时间的加长，日志信息也会不断的增大，迫切的需要一款功能强大，能高效的搜索日志的相关内容，最好是支持图表展示和实施流量统计的相关系统过来支撑我们的系统，那么就必不可少的需要提下我们的Elastic的相关组件了，其中Elasticsearch是系统的基石，所以我们接下里的博客就了解下Elasticsearch，从而一步步的搭建我们需要的日志系统。工具善其事，必先利其器，我们先来搭建下Elasticsearch所需要的运行环境，再一步一步的了解Elasticsearch。<br>
            
          </p></blockquote></div>
          <a class="home-article-read" href="/blog/passages/Centos7上安装Elasticsearch7-3-0/">
            READ MORE >>>
          </a>
          
            <div class="passage-tags">
             
              <a href="/blog/tags/centos7/"><i class="fa fa-tags"></i>centos7</a>
             
              <a href="/blog/tags/elasticsearch/"><i class="fa fa-tags"></i>elasticsearch</a>
            
            </div>
          
        </div>
        
      </div>
    </div>
  
    <div class="home-article-wrapper clearfix">
      <div class="home-article" data-cover="false">
        <div class="home-article-inner" data-cover="false">
          <div class="passage-meta">
            <span>
              <i class="fa fa-calendar"></i>2019-08-06
            </span>
            
              <span>
                | <a href="/blog/categories/rabbitMQ/"><i class="fa fa-bookmark"></i>rabbitMQ</a>
              </span>
            
            
              <span>
                | <i class="fa fa-unlock-alt"></i>UNLOCK
              </span>
            
          </div>
          <h1 class="home-article-title">
            <a href="/blog/passages/RabbitMQ高可用原理讲解/">RabbitMQ高可用原理讲解</a>
          </h1>
          <div class="home-article-content passage-article">
            
              <blockquote>
<p>这两天在针对项目过程使用的RabbitMQ得学习文档整理的过程中，发现还遗漏了RabbitMQ的就集群原理的系统的分析的文档，这个就比较尴尬了，正好最近在整理RabbitMQ的集群的搭建，那我们今天就聊聊RabbitMQ的集群的相关原理<br>
            
          </p></blockquote></div>
          <a class="home-article-read" href="/blog/passages/RabbitMQ高可用原理讲解/">
            READ MORE >>>
          </a>
          
            <div class="passage-tags">
             
              <a href="/blog/tags/rabbitMQ/"><i class="fa fa-tags"></i>rabbitMQ</a>
            
            </div>
          
        </div>
        
      </div>
    </div>
  
    <div class="home-article-wrapper clearfix">
      <div class="home-article" data-cover="false">
        <div class="home-article-inner" data-cover="false">
          <div class="passage-meta">
            <span>
              <i class="fa fa-calendar"></i>2019-08-03
            </span>
            
              <span>
                | <a href="/blog/categories/stuff/"><i class="fa fa-bookmark"></i>stuff</a>
              </span>
            
            
              <span>
                | <i class="fa fa-unlock-alt"></i>UNLOCK
              </span>
            
          </div>
          <h1 class="home-article-title">
            <a href="/blog/passages/创建同一类型不同的对象——Builder来秀一波/">创建同一类型不同的对象——Builder来秀一波</a>
          </h1>
          <div class="home-article-content passage-article">
            
              <blockquote>
<p>在我们实际的开发需求中，经常需要创建同一类型的不同的对象，而且这个对象的特性还是随机可变的，这样就需要我们使用一种设计模式来满足复杂多变的场景；<br>
            
          </p></blockquote></div>
          <a class="home-article-read" href="/blog/passages/创建同一类型不同的对象——Builder来秀一波/">
            READ MORE >>>
          </a>
          
            <div class="passage-tags">
             
              <a href="/blog/tags/java/"><i class="fa fa-tags"></i>java</a>
             
              <a href="/blog/tags/builder/"><i class="fa fa-tags"></i>builder</a>
            
            </div>
          
        </div>
        
      </div>
    </div>
  
    <div class="home-article-wrapper clearfix">
      <div class="home-article" data-cover="false">
        <div class="home-article-inner" data-cover="false">
          <div class="passage-meta">
            <span>
              <i class="fa fa-calendar"></i>2019-07-25
            </span>
            
              <span>
                | <a href="/blog/categories/rabbitMQ/"><i class="fa fa-bookmark"></i>rabbitMQ</a>
              </span>
            
            
              <span>
                | <i class="fa fa-unlock-alt"></i>UNLOCK
              </span>
            
          </div>
          <h1 class="home-article-title">
            <a href="/blog/passages/面试那点事儿（二）/">面试那点事儿（二）</a>
          </h1>
          <div class="home-article-content passage-article">
            
              <blockquote>
<p>本博文接上篇《RabbitMQ面试那点事儿》，再梳理下RabbitMQ关于面试的一些知识点，本博文包含了RabbitMQ集群和高可用方面的知识<br>
            
          </p></blockquote></div>
          <a class="home-article-read" href="/blog/passages/面试那点事儿（二）/">
            READ MORE >>>
          </a>
          
            <div class="passage-tags">
             
              <a href="/blog/tags/rabbitMQ/"><i class="fa fa-tags"></i>rabbitMQ</a>
            
            </div>
          
        </div>
        
      </div>
    </div>
  
    <div class="home-article-wrapper clearfix">
      <div class="home-article" data-cover="false">
        <div class="home-article-inner" data-cover="false">
          <div class="passage-meta">
            <span>
              <i class="fa fa-calendar"></i>2019-07-19
            </span>
            
              <span>
                | <a href="/blog/categories/stuff/"><i class="fa fa-bookmark"></i>stuff</a>
              </span>
            
            
              <span>
                | <i class="fa fa-unlock-alt"></i>UNLOCK
              </span>
            
          </div>
          <h1 class="home-article-title">
            <a href="/blog/passages/Centos7下安装和配置SonarQube7-7/">Centos7下安装和配置SonarQube7.7</a>
          </h1>
          <div class="home-article-content passage-article">
            
              <blockquote>
<p>IDEA中的代码规范检查很好用，但是不能检测代码的质量，所幸有了SonarQube,我们可以提交代码到git上进行代码质量检测<br>
            
          </p></blockquote></div>
          <a class="home-article-read" href="/blog/passages/Centos7下安装和配置SonarQube7-7/">
            READ MORE >>>
          </a>
          
            <div class="passage-tags">
             
              <a href="/blog/tags/centos7/"><i class="fa fa-tags"></i>centos7</a>
             
              <a href="/blog/tags/sonarQube7/"><i class="fa fa-tags"></i>sonarQube7</a>
            
            </div>
          
        </div>
        
      </div>
    </div>
  
    <div class="home-article-wrapper clearfix">
      <div class="home-article" data-cover="false">
        <div class="home-article-inner" data-cover="false">
          <div class="passage-meta">
            <span>
              <i class="fa fa-calendar"></i>2019-07-18
            </span>
            
              <span>
                | <a href="/blog/categories/rabbitMQ/"><i class="fa fa-bookmark"></i>rabbitMQ</a>
              </span>
            
            
              <span>
                | <i class="fa fa-unlock-alt"></i>UNLOCK
              </span>
            
          </div>
          <h1 class="home-article-title">
            <a href="/blog/passages/RabbitMQ面试那点事儿/">RabbitMQ面试那点事儿</a>
          </h1>
          <div class="home-article-content passage-article">
            
              <blockquote>
<p>简单的整理RabbitMQ的相关的知识，我们初步了解了RabbitMQ的相关知识，那么我们怎么在我们的工作中使用RabbitMQ呢，使用RabbitMQ应该需要注意哪些问题。我们以面试题的方法来展示，不过本次的题目不包括集群和高可用方便的，这个等我梳理集群和高可用的相关知识后再整理对应的面试题</p>
</blockquote>
            
          </div>
          <a class="home-article-read" href="/blog/passages/RabbitMQ面试那点事儿/">
            READ MORE >>>
          </a>
          
            <div class="passage-tags">
             
              <a href="/blog/tags/rabbitMQ/"><i class="fa fa-tags"></i>rabbitMQ</a>
            
            </div>
          
        </div>
        
      </div>
    </div>
  
    <div class="home-article-wrapper clearfix">
      <div class="home-article" data-cover="false">
        <div class="home-article-inner" data-cover="false">
          <div class="passage-meta">
            <span>
              <i class="fa fa-calendar"></i>2019-07-16
            </span>
            
              <span>
                | <a href="/blog/categories/rabbitMQ/"><i class="fa fa-bookmark"></i>rabbitMQ</a>
              </span>
            
            
              <span>
                | <i class="fa fa-unlock-alt"></i>UNLOCK
              </span>
            
          </div>
          <h1 class="home-article-title">
            <a href="/blog/passages/RabbitMQ集群搭建/">RabbitMQ集群搭建</a>
          </h1>
          <div class="home-article-content passage-article">
            
              <blockquote>
<p>rabbitMQ的两种重要特性,异步化提高系统抗峰值能力和系统及功能解耦，这两个特点决定了rabbitMQ在我们的系统中占据了重要的地位，所以为了让RabbitMQ高可用，我们今天就来讲解下RabbitMQ的集群环境搭建<br>
            
          </p></blockquote></div>
          <a class="home-article-read" href="/blog/passages/RabbitMQ集群搭建/">
            READ MORE >>>
          </a>
          
            <div class="passage-tags">
             
              <a href="/blog/tags/rabbitMQ/"><i class="fa fa-tags"></i>rabbitMQ</a>
            
            </div>
          
        </div>
        
      </div>
    </div>
  
    <div class="home-article-wrapper clearfix">
      <div class="home-article" data-cover="false">
        <div class="home-article-inner" data-cover="false">
          <div class="passage-meta">
            <span>
              <i class="fa fa-calendar"></i>2019-07-15
            </span>
            
              <span>
                | <a href="/blog/categories/stuff/"><i class="fa fa-bookmark"></i>stuff</a>
              </span>
            
            
              <span>
                | <i class="fa fa-unlock-alt"></i>UNLOCK
              </span>
            
          </div>
          <h1 class="home-article-title">
            <a href="/blog/passages/必备技能——使用线程池来初始化缓冲队列/">必备技能——使用线程池来初始化缓冲队列</a>
          </h1>
          <div class="home-article-content passage-article">
            
              <blockquote>
<p>在我们的业务场景中，经常会遇到一些需要在系统启动时就需要手动缓存一下线程，方便我们去使用已有的线程去处理一些业务，降低系统资源的消耗等，今天我们就来讲解下Java开发必备技能，使用线程池初始化缓冲队列<br>
            
          </p></blockquote></div>
          <a class="home-article-read" href="/blog/passages/必备技能——使用线程池来初始化缓冲队列/">
            READ MORE >>>
          </a>
          
            <div class="passage-tags">
             
              <a href="/blog/tags/线程池/"><i class="fa fa-tags"></i>线程池</a>
             
              <a href="/blog/tags/缓存队列/"><i class="fa fa-tags"></i>缓存队列</a>
             
              <a href="/blog/tags/单例/"><i class="fa fa-tags"></i>单例</a>
            
            </div>
          
        </div>
        
      </div>
    </div>
  
</div>
    </main>
    
    <div class="site-footer-wrapper">
  <footer class="site-footer">
    
      
        <div class="site-footer-col">
          <h5 class="site-footer-title">博客推荐</h5>
          
            <span class="site-footer-item">
              <a href="http://youzhixueyuan.com/series/java" target="_blank">优知学院</a>
            </span>
          
            <span class="site-footer-item">
              <a href="http://ruanyifeng.com/" target="_blank">阮一峰的个人网站</a>
            </span>
          
        </div>
      
        <div class="site-footer-col">
          <h5 class="site-footer-title">系列教程</h5>
          
            <span class="site-footer-item">
              <a href="http://amos_zhu.gitee.io/blog/redis" target="_blank">Redis系列教程</a>
            </span>
          
            <span class="site-footer-item">
              <a href="http://amos_zhu.gitee.io/blog/rabbitMQ/" target="_blank">RabbitMQ教程</a>
            </span>
          
            <span class="site-footer-item">
              <a href="http://amos_zhu.gitee.io/blog/kafka/" target="_blank">Kafka架构探险</a>
            </span>
          
        </div>
      
        <div class="site-footer-col">
          <h5 class="site-footer-title">抓到我</h5>
          
            <span class="site-footer-item">
              <a href="https://gitee.com/amos_zhu" target="_blank">Gitee</a>
            </span>
          
            <span class="site-footer-item">
              <a href="https://blog.csdn.net/wdcl2468" target="_blank">CSDN</a>
            </span>
          
            <span class="site-footer-item">
              <a href="https://www.jianshu.com/u/2dbe61b1f3c3" target="_blank">简书</a>
            </span>
          
        </div>
      
    
    <div class="site-footer-info">
      <i class="fa fa-clock-o"></i> 本站已稳定运行<span id="site-time"></span>
    </div>
    
      <div class="site-footer-info">
        <i class="fa fa-paw"></i> 您是本站第 <span id="site-count"></span> 位访客
      </div>
    
    
      <div class="site-footer-info">
        <i class="fa fa-at"></i> Email: amoszhu@aliyun.com
      </div>
    
    <div class="site-footer-info">
      <i class="fa fa-copyright"></i> 
      2019 <a href="https://github.com/dongyuanxin/theme-ad/" target="_blank">Theme-AD</a>.
      Created by <a href="https://godbmw.com/" target="_blank">GodBMW</a>.
      All rights reserved.
    </div>
  </footer>
</div>
    <div id="site-layer" style="display:none;">
  <div class="site-layer-content">
    <div class="site-layer-header">
      <span class="site-layer-header-title" id="site-layer-title"></span>
      <i class="fa fa-close" id="site-layer-close"></i>
    </div>
    <div class="site-layer-body" id="site-layer-container">
      <div class="site-layer-input" id="site-layer-search" style="display: none;">
        <div class="site-layer-input-choose">
          <a href="javascript:void(0);" title="Change Search Engine">Google</a>
        </div>
        <input type="text">
        <i class="fa fa-search"></i>
      </div>
      
        <div class="site-layer-reward" id="site-layer-reward" style="display: none;">
          
            <div>
              <img src="/blog/images/wechat.png" alt="WeChat">
              
                <p>WeChat</p>
              
            </div>
          
            <div>
              <img src="/blog/images/alipay.png" alt="AliPay">
              
                <p>AliPay</p>
              
            </div>
          
        </div>
      
      <div id="site-layer-welcome" style="display:none;"></div>
    </div>
  </div>
</div>
    

<div class="bottom-bar">
  <div class="bottom-bar-left">
    <a href="/blog/" data-enable="true">
      <i class="fa fa-arrow-left"></i>
    </a>
    <a href="/blog/page/3/" data-enable="true">
      <i class="fa fa-arrow-right"></i>
    </a>
  </div>
  <div class="bottom-bar-right">
    <a href="javascript:void(0);" data-enable="false" id="site-toc-show-btn">
      <i class="fa fa-bars"></i>
    </a>
    
      <a href="javascript:void(0);" data-enable="false">
        <i class="fa fa-commenting"></i>
      </a>
    
    <a href="javascript:void(0);" id="site-toggle-share-btn">
      <i class="fa fa-share-alt"></i>
    </a>
    
      <a href="javascript:void(0);" id="site-reward">
        <i class="fa fa-thumbs-up"></i>
      </a>
    
    <a href="javascript:void(0);" id="back-top-btn">
      <i class="fa fa-chevron-up"></i>
    </a>
  </div>
</div>
    <div id="share-btn">
  
  
  
  
    <a id="share-btn-qq" href="javascript:void(0);" target="_blank">
      <i class="fa fa-qq"></i>
    </a>
  
  
    <a id="share-btn-wechat" href="javascript:void(0);" target="_blank">
      <i class="fa fa-wechat"></i>
    </a>
  
</div>
    


  <script async>
  (function(){
      var bp = document.createElement('script');
      var curProtocol = window.location.protocol.split(':')[0];
      if (curProtocol === 'https') {
          bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
      }
      else {
          bp.src = 'http://push.zhanzhang.baidu.com/push.js';
      }
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(bp, s);
  })();
  </script>



  <script async>
    (function(){
    var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?":"https://jspassport.ssl.qhimg.com/11.0.1.js?";
    document.write('<script src="' + src + '" id="sozz"><\/script>');
    })();
  </script>


    
  </body>
</html>